<!--
 * @Author: your name
 * @Date: 2021-08-06 13:56:43
 * @LastEditTime: 2021-08-07 20:50:29
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \graduate-group-ui\src\views\components\Foot.vue
-->
<template>
<!-- 尾部 -->
<div class="footer">
  <div class="footer_left">
    <img src="/resources/images/ewm.png" alt="">
    <ul class="address">
      <li>邮编：{{code}}&nbsp;E_mail:{{E_mail}}</li>
      <li>地址：{{address}}</li>
      <li>© 2018 Shanxi Agricultural University</li>
      <li>晋ICP备05000473号</li>
      <li>晋公网安备14072602000114号 </li>
    </ul>
  </div>
  <div class="footer_right">
   <div class="title"> 友情链接:</div>
   <ul class="left">
      <li><a href="http://www.moe.gov.cn/">教育部</a></li>
      <li><a href="http://www.cdgdc.edu.cn/">中国学位与研究生教育信息网</a></li>
      <li><a href="http://jyt.shanxi.gov.cn/">山西省教育厅</a></li>
      <li><a href="">山西省学位办</a></li>
   </ul>
   <ul class="right">
     <li><a href="http://www.mae.edu.cn/index.do">农业硕士教育指导委员会</a></li>
     <li><a href="http://www.vmd.edu.cn/">兽医硕士教育指导委员会</a></li>
     <li><a href="http://meng.tsinghua.edu.cn/">工程硕士教育指导委员会</a></li>
     <li><a href="http://www.mpa.org.cn/">公共管理硕士教育指导委员会</a></li>
   </ul>
  </div>    
</div>
<!-- /尾部 -->
</template>
<script>
import { get } from '../../utils/request'
export default {
  data(){
    return {
      code:"",
      E_mail:'',
      address:'',
    }
  },
  methods:{
    codeAddress(){
      let url = '/index/findByKey'
      let param = {name:"邮编"};
      get(url,param).then(resp => {
        let data = resp.data;
        if(data){
          this.code=  data.val;
        }
      })
    },
    emailAddress(){
      let url = '/index/findByKey'
      let param = {name:"E_mail"};
      get(url,param).then(resp => {
        let data = resp.data;
        if(data){
          this.E_mail=  data.val;
        }
      })
    },
    Address(){
      let url = '/index/findByKey'
      let param = {name:"地址"};
      get(url,param).then(resp => {
        let data = resp.data;
        if(data){
          this.address=data.val;
        }
      })
    },
  },
  created(){
    this.codeAddress();
    this.emailAddress();
    this.Address();
  }
}
</script>

<style lang="scss" scoped>
 // 底部样式
.footer {
  text-align: center;
  background-color: #085950;
  height:208px;
  .footer_left{
    float: left;
    width: 50%;
    position: absolute;
    img{
      position: relative;
      padding-left: 10%;
      padding-top: 7%;
    }
    .address{
      color: #f9f2ba;
      float: right;
      padding-top: 7%;
      font-size: 12px;
      text-align: left;
      padding-right: 70px;
      li{
        padding-top: 10px;
      }
      li:first-child{
        padding-top: 0;
      }
    }
  }
  .footer_right{
    float: right;
    width: 40%;
    padding-top: 3%;
    .title{
      text-align: left;
      font-size: 18px;
      color: #f9f2ba;
    }
    .left{
      float: left;
      margin-top: 3%;
      font-size: 14px;
      text-align: left;
    }
    .right{
      margin-left:50px;
      float: left;
      margin-top: 3%;
      font-size: 14px;
      text-align: left;
    }
    a{
      color: #f9f2ba;
      cursor: pointer;
    }
    li{
      padding-top: 6px;
    }
     li:first-child{
      padding-top: 0;
    }
  }
}
</style>